<template>
<div :class="$style.container" class="a_swiper">
  <swiper :list="imgs" style="width:100%;"  height="180px"  
  dots-position="center" loop auto></swiper>
</div>
</template>

<script>
import { Swiper } from 'vux'
export default {
  props: {
    imgs: {
      type: Array,
      default: () => []
    }
  },
  components: {
    Swiper
  }
}
</script>

<style lang='less' module>
.container {

}

</style>
<style scoped>
  .a_swiper >>> .vux-slider > .vux-indicator > a {
    position: relative;
    bottom:-30px;
    height:50px;
  }
  .a_swiper >>> .vux-slider > .vux-indicator > a > .vux-icon-dot {
    width: 10px;
    border-radius: 3px;
  }
</style>